<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // JS数据类型
    // number string boolean null undefined object

    // 数据存储方式分类:
    // 原始数据类型(值类型) :  number string boolean null undefined
    // 引用数据类型(引用类型) : object  (注意:对象都是引用类型 null除外)

    // 值类型: 存储在栈内存当中 (一个萝卜一个坑)
    // 引用类型: 存储在堆内存当中 


    // var a = 10;
    // var b = a; // b = 10;
    // b = 20;
    // console.log(a, b); // 10 20

    // var arr = [1, 2, 3];
    // var brr = arr;
    // brr.push(4);
    // console.log(arr, brr);


    // 浅复制
    // 引用类型的赋值属于浅复制 -> 将变量对对内存的引用地址 赋值给另一个变量 => 引用同一片内存空间 只要一个改动 另一个也会有影响
    var arr = [1, 2, 3];
    var brr = arr;
    console.log(arr === brr); // true


    var arr = [1, 2, 3];
    var brr = [1, 2, 3];
    console.log(arr === brr); // false


</script>

</html>